<template>
    <div>
        <div class="paymentMode">
            <span class="paymentText">支付方式：</span>
            <span class="WeChatBox" @click="rechargeMode('WeChat')">
                <img src="../../img/WeChat.png" alt="">
                <img v-if="miniActive=='WeChat'" class="rechargeActive" src="../../img/miniActive.png" alt=""> 
            </span>
            <span class="AlipayBox" @click="rechargeMode('Alipay')">
                <img src="../../img/Alipay.png" alt="">
                <img v-if="miniActive=='Alipay'" class="rechargeActive" src="../../img/miniActive.png" alt="">
            </span>
            
        </div>
    </div>
</template>
<script>
export default {
    name:"rechargeMode",
    data(){
        return{
            miniActive : "WeChat"
        }
    },
    methods: {
        rechargeMode(msg){//支付方式
            this.miniActive = msg;
        }
    }
}
</script>
